<template>
  <div class="header-foot">
    <ul class="buhzid">
        <li class="dd ddone">
            <h2>免费套餐</h2>
            <p> 提供40余款高性能云产品，帮助您获得上云实践经验</p>
        </li>
        <li class="dd">
            <h2>弹性裸金属云服务器</h2>
            <p> 深度融合物理机和虚拟机特性的创新型计算产品</p>
        </li>
        <li class="dd">
            <h2>阿里云ET大脑</h2>
            <p>  生态联合解决方案全新发布，提供一站式的产品与服务</p>
        </li>
        <li class="dd">
            <h2>DTS数据同步</h2>
            <p>  异地多活基础服务，助力云上数据自由流通</p></li>
        <li class="dd">
            <h2>创业孵化平台</h2>
            <p> 全国孵化器免费入驻，丰富的创业资源，加速创业成功</p>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SwiperFoot'
}
</script>
<style lang="stylus" scoped>
.header-foot
    position absolute
    top 507px
    z-index 10
    display flex
    width 100%    
    height 136px
    color #fff
    background-color hsla(0,0%,100%,.1)
    cursor pointer
    .buhzid
        display flex
        justify-content center
        width 1500px
        min-width 1200px
        .ddone
            border-left 1px solid #727577
        .dd
            width 17.6%
            border-right 1px solid #727577
            border-color rgba(255, 255, 255, 0.06)
            font-size 14px
            &:hover
                background-color: hsla(0,0%,100%,.06);
            h2
                font-size 16px
                margin-top 30px
                margin-left 22px
            p
                margin 5px 22px
                color #9b9ea0
                line-height 24px
                font-weight 550            
</style>